<!DOCTYPE html>
<html>
<script src="../media-controls.js"></script>
<title>Test that media controls are styled correctly if lazy loaded.</title>
<video width="400"></video>
<script>
  var video = document.querySelector('video');
  enableTestMode(video);

  if (window.testRunner)
    testRunner.waitUntilDone();

  video.addEventListener('loadeddata', () => {
    video.controls = true;

    if (window.testRunner)
      testRunner.notifyDone();
  }, { once: true });

  video.src = "../content/test.ogv";
  video.load();
</script>
</html>
